<template>
  <div>
    <div class="title">
      <span>婚礼时间&地点</span>
    </div>
    <div class="map">
      <img src="../assets/map.png" alt="" width="300">
    </div>
    <div class="date-address">
      <p>&lt;&lt;&lt;&lt;————————————</p>
      <p>2018年10月01日</p>
      <p>四川省成都市天堂洲际大酒店</p>
      <p>————————————&gt;&gt;&gt;&gt;</p>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.title {
  margin-top: 3rem;
  span {
    display: inline-block;
    padding: 1rem 0.5rem;
    border: 2px dashed #fff;
    border-radius: 50%/50%;
    font-size: 1.5rem;
    color: #fff;
    background-color: #ffb5c1;
  }
}
</style>
